<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>搜索页面</title>
<link href="css/style.css" rel="stylesheet" type="text/css"/>
</head>
<body class="search">
<!--顶部导航-->
<div class="header clearfix">
	<ul class="message-l">
		<a href="#">亲，请登录</a>
		<a href="#">免费注册</a>
	</ul>
	<ul class="message-r">
		<div><a href="index.html">商城首页</a></div>
		<div><img src="img/search/top_1.png"/><a href="information.html">个人中心</a></div>
		<div><img src="img/search/top_2.png"/><a href="cart.html">购物车<strong>0</strong></a></div>
		<div><img src="img/search/top_3.png"/><a href="collection.html">收藏夹</a></div>
	</ul>
</div>

<!--搜索框-->
<div class="search-box clearfix">
	<div class="logo"><img src="img/search/logo.png"/></div>
	<div class="search-tool">
		<form>
            <input id="text" type="text" placeholder="搜索">
            <input id="sub" value="搜索" type="submit">
		</form>
	</div>
</div>

<!--导航栏-->
<div class="nav clearfix">
	<div class="nav-title">全部分类</div>
	<div class="nav-cont">
		<ul>
			<li><a href="index.html">首页</a></li>
            <li><a href="index.html">闪购</a></li>
            <li><a href="index.html">限时抢</a></li>
            <li><a href="index.html">团购</a></li>
            <li><a href="index.html">大包装</a></li>
		</ul>
    </div>
    <div class="nav-extra"><a href="#">我的福利 ></a></div>
</div>
<div class="nav-line"></div>
    
<!--相关商品-->
<div class="search-about clearfix">														
	<div class="search-related">
		<span>相关搜索：</span>
		<a title="坚果" href="#">坚果</a>
		<a title="瓜子" href="#">瓜子</a>
		<a title="鸡腿" href="#">豆干</a>
	</div>
	<ul class="search-label">
		<p>
			<span>松子</span>
			<span>搜索到997件相关商品</span>
		</p>
        <li class="search-selected">
            <dl id="search-select">
                <dt>已选</dt>
                <dd></dd>
                <dd></dd>
                <dd></dd>
                <p class="cart-clear">清除</p>
            </dl>
        </li>
        <li class="search-labelshop">
            <dl id="search-select1">
                <dt>品牌</dt>	
                <div>
                    <dd><a>全部</a></dd>
                    <dd><a>百草味</a></dd>
                    <dd><a>良品铺子</a></dd>
                    <dd><a>新农哥</a></dd>
                    <dd><a>楼兰蜜语</a></dd>
                    <dd><a>口水娃</a></dd>
                    <dd><a>考拉兄弟</a></dd>
                </div>
            </dl>
        </li>
        <li class="search-labelshop">
            <dl id="search-select2">
                <dt>种类</dt>
                <div>
                    <dd><a>全部</a></dd>
                    <dd><a>东北松子</a></dd>
                    <dd><a>巴西松子</a></dd>
                    <dd><a>夏威夷果</a></dd>
                    <dd><a>松子</a></dd>
                </div>
            </dl>
        </li>
        <li class="search-labelshop">
            <dl id="search-select3">
                <dt>选购热点</dt>
                <div>
                    <dd><a>全部</a></dd>
                    <dd><a>手剥松子</a></dd>
                    <dd><a>薄壳松子</a></dd>
                    <dd><a>进口零食</a></dd>
                    <dd><a>有机零食</a></dd>
                </div>
            </dl>
        </li>
	</ul>
</div>
        
<!--商品列表-->
<div class="search-main clearfix">
	<div class="search-content">
		<div class="search-sort">
			<li><a title="综合" href="#">综合排序</a></li>
			<li><a title="销量" href="#">销量排序</a></li>
			<li><a title="价格" href="#">价格优先</a></li>
			<li><a title="评价" href="#">评价为主</a></li>
		</div>
		<ul class="search-list">
			<li>
				<a href="index-shop.html">
                	<img src="img/search/p1.jpg"/>
					<p class="search-title">【良品铺子旗舰店】手剥松子218g 坚果炒货零食新货巴西松子包邮</p>
					<p class="search-price">
                        <b>¥</b>
                        <strong>56.90</strong>
                    </p>
					<p class="search-number">销量<span>1110</span></p>
				</a>
			</li>
			<li>
				<a href="index-shop.html">
                	<img src="img/search/p1.jpg"/>
					<p class="search-title">【良品铺子旗舰店】手剥松子218g 坚果炒货零食新货巴西松子包邮</p>
					<p class="search-price">
                        <b>¥</b>
                        <strong>56.90</strong>
                    </p>
					<p class="search-number">销量<span>1110</span></p>
				</a>
			</li>
            <li>
				<a href="index-shop.html">
                	<img src="img/search/p1.jpg"/>
					<p class="search-title">【良品铺子旗舰店】手剥松子218g 坚果炒货零食新货巴西松子包邮</p>
					<p class="search-price">
                        <b>¥</b>
                        <strong>56.90</strong>
                    </p>
					<p class="search-number">销量<span>1110</span></p>
				</a>
			</li>
            <li>
				<a href="index-shop.html">
                	<img src="img/search/p1.jpg"/>
					<p class="search-title">【良品铺子旗舰店】手剥松子218g 坚果炒货零食新货巴西松子包邮</p>
					<p class="search-price">
                        <b>¥</b>
                        <strong>56.90</strong>
                    </p>
					<p class="search-number">销量<span>1110</span></p>
				</a>
			</li>
            <li>
				<a href="index-shop.html">
                	<img src="img/search/p1.jpg"/>
					<p class="search-title">【良品铺子旗舰店】手剥松子218g 坚果炒货零食新货巴西松子包邮</p>
					<p class="search-price">
                        <b>¥</b>
                        <strong>56.90</strong>
                    </p>
					<p class="search-number">销量<span>1110</span></p>
				</a>
			</li>
            <li>
				<a href="index-shop.html">
                	<img src="img/search/p1.jpg"/>
					<p class="search-title">【良品铺子旗舰店】手剥松子218g 坚果炒货零食新货巴西松子包邮</p>
					<p class="search-price">
                        <b>¥</b>
                        <strong>56.90</strong>
                    </p>
					<p class="search-number">销量<span>1110</span></p>
				</a>
			</li>
            <li>
				<a href="index-shop.html">
                	<img src="img/search/p1.jpg"/>
					<p class="search-title">【良品铺子旗舰店】手剥松子218g 坚果炒货零食新货巴西松子包邮</p>
					<p class="search-price">
                        <b>¥</b>
                        <strong>56.90</strong>
                    </p>
					<p class="search-number">销量<span>1110</span></p>
				</a>
			</li>
            <li>
				<a href="index-shop.html">
                	<img src="img/search/p1.jpg"/>
					<p class="search-title">【良品铺子旗舰店】手剥松子218g 坚果炒货零食新货巴西松子包邮</p>
					<p class="search-price">
                        <b>¥</b>
                        <strong>56.90</strong>
                    </p>
					<p class="search-number">销量<span>1110</span></p>
				</a>
			</li>
            <li>
				<a href="index-shop.html">
                	<img src="img/search/p1.jpg"/>
					<p class="search-title">【良品铺子旗舰店】手剥松子218g 坚果炒货零食新货巴西松子包邮</p>
					<p class="search-price">
                        <b>¥</b>
                        <strong>56.90</strong>
                    </p>
					<p class="search-number">销量<span>1110</span></p>
				</a>
			</li>
            <li>
				<a href="index-shop.html">
                	<img src="img/search/p1.jpg"/>
					<p class="search-title">【良品铺子旗舰店】手剥松子218g 坚果炒货零食新货巴西松子包邮</p>
					<p class="search-price">
                        <b>¥</b>
                        <strong>56.90</strong>
                    </p>
					<p class="search-number">销量<span>1110</span></p>
				</a>
			</li>
            <li>
				<a href="index-shop.html">
                	<img src="img/search/p1.jpg"/>
					<p class="search-title">【良品铺子旗舰店】手剥松子218g 坚果炒货零食新货巴西松子包邮</p>
					<p class="search-price">
                        <b>¥</b>
                        <strong>56.90</strong>
                    </p>
					<p class="search-number">销量<span>1110</span></p>
				</a>
			</li>
            <li>
				<a href="index-shop.html">
                	<img src="img/search/p1.jpg"/>
					<p class="search-title">【良品铺子旗舰店】手剥松子218g 坚果炒货零食新货巴西松子包邮</p>
					<p class="search-price">
                        <b>¥</b>
                        <strong>56.90</strong>
                    </p>
					<p class="search-number">销量<span>1110</span></p>
				</a>
			</li>
		</ul>
	</div>
    <!--经典搭配-->
	<div class="search-side">
		<div >经典搭配</div>
		<li>
			<a href="index-shop.html">
            	<img src="img/search/cp1.jpg"/>
				<p class="search-title">萨拉米 1+1小鸡腿</p>
				<p class="search-price">
                    <b>¥</b>
                    <strong>29.90</strong>
                </p>
				<p class="search-number">销量<span>1110</span></p>
			</a>
		</li>
        <li>
			<a href="index-shop.html">
            	<img src="img/search/cp2.jpg"/>
				<p class="search-title">ZEK 原味海苔</p>
				<p class="search-price">
                    <b>¥</b>
                    <strong>8.90</strong>
                </p>
				<p class="search-number">销量<span>1110</span></p>
			</a>
		</li>
		<li>
			<a href="index-shop.html">
            	<img src="img/search/cp1.jpg"/>
				<p class="search-title">萨拉米 1+1小鸡腿</p>
				<p class="search-price">
                    <b>¥</b>
                    <strong>29.90</strong>
                </p>
				<p class="search-number">销量<span>1110</span></p>
			</a>
		</li>
	</div>
    <!--分页-->
    <ul class="search-pagination clearfix">
        <li><a>&laquo;</a></li>
        <li><a>1</a></li>
        <li><a>2</a></li>
        <li><a>3</a></li>
        <li><a>4</a></li>
        <li><a>5</a></li>
        <li><a>&raquo;</a></li>
    </ul>
</div>
        
<!--底栏-->
<div class="footer">
	<div class="footer-top">
		<p>
			<a href="#">Weshop</a><span>|</span>
			<a href="#">商城首页</a><span>|</span>
			<a href="#">支付宝</a><span>|</span>
			<a href="#">物流</a>
		</p>
	</div>
	<div class="footer-bottom">
		<p>
			<a href="#">关于我们</a>
			<a href="#">合作伙伴</a>
			<a href="#">联系我们</a>
			<a href="#">网站地图</a>
		</p>
	</div>
</div>

<!--侧栏-->
<div class="side">
    <!--个人名片-->
	<li>
        <a href="#"><img src="img/search/side_1.png"/></a>
    </li>
    <!--购物车-->
    <li>
        <a href="#"><img src="img/search/side_2.png"/></a>
        <p>购物车</p>
        <span class="side-span">0</span>
    </li>
    <!--资产-->
    <li>
        <a href="#"><img src="img/search/side_3.png"/></a>

    </li>
    <!--足迹-->
    <li>
        <a href="#"><img src="img/search/side_4.png"/></a>

    </li>
    <!--收藏-->
    <li>
        <a href="#"><img src="img/search/side_5.png"/></a>
    </li>
    <!--充值-->
    <li>
        <a href="#"><img src="img/search/side_6.png"/></a>
    </li>
    <!--底部-->
    <div class="side-bottom">
        <!--客服-->
        <li>
            <a href="#"><img src="img/search/side_7.png"/></a>
        </li>
        <!--二维码 -->
        <li>
            <a href="#"><img src="img/search/side_8.png"/></a>
        </li>
        <!--top-->
        <li>
            <a><img src="img/search/side_9.png"/></a>
        </li>
    </div>
    <div id="per">
        <img src="img/search/per.png"/>
        <p><span>用户名：sl1903</span><br/>
            <span>级别：普通会员</span></p>
        <div class="p-bottom">
            <span >我的订单</span>
            <span>|</span>
            <span>我的收藏</span>
        </div>
        <span>◆</span>
        <span>◆</span>
    </div>
    <div id="MY">
        <p id="my1">我的资产<span>◆</span></p>
        <p id="my2">我的足迹<span>◆</span></p>
        <p id="my3">我的收藏<span>◆</span></p>
        <p id="my4">我要充值<span>◆</span></p>
        <p id="my5">客服中心<span>◆</span></p>
        <p id="my6"><img src="img/search/tcode.png"/><span>◆</span><span>◆</span></p>
    </div>
</div>
</body>
<script src="js/search.js" type="text/javascript"></script>
</html>